.tabs-img{
  height: 3rem;
  width: 3rem;
}
.tabs-img_01{
  background-image: url(../../../assets/icon/tab-bell1.png);
  background-size: cover;
}
.tabs-img_02{
  background-image: url(../../../assets/icon/tab-bell0.png);
  background-size: cover;
}
.tabs-img_11{
  background-image: url(../../../assets/icon/tab-lesson1.png);
  background-size: cover;
}
.tabs-img_12{
  background-image: url(../../../assets/icon/tab-lesson0.png);
  background-size: cover;
}
.tabs-img_21{
  background-image: url(../../../assets/icon/tab-me1.png);
  background-size: cover;
}
.tabs-img_22{
  background-image: url(../../../assets/icon/tab-me0.png);
  background-size: cover;
}
.bgContolr{
  z-index: 999999;height: 100%;
}
#progressnum{
  
}
.isprogress{
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 30rem;
  top: 50%;
  margin: -15rem auto;
  background-color: #fff;
  .isprogress-title{
    padding: 0 1rem;
    font-size: 1.6rem;
    color: #333333;
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #f2f2f2;
  }
  .isprogress-cont{
    padding: 1rem;
    color: #333333;
    font-size: 1.2rem;
    height: 22rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .isprogress-fot{
    border-top: 1px solid #f2f2f2;
    padding: 0 1rem;
    height: 4rem;
    line-height: 4rem;
    display: flex;
    justify-content: flex-end;
    span{
      padding: 0 0.2rem;
      color: #0088fd;
    }
  }
}
.progressmask{
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}